.fdn-card {
  >div[class~='ant-card-head']{
    padding: 0 10px 0;
    min-height: 40px;

    div[class~='ant-card-head-title'],div[class~='ant-card-extra']{
      padding: 10px 0;
    }
    div[class~='ant-tabs-tab']{
      padding: 5px 0;
    }
    div[class~='ant-tabs-tab'] + div[class~='ant-tabs-tab']{
      margin-left: 20px;
    }
  }
  >div[class~='ant-card-body']{
    height: calc(100% - 40px);
    padding: 10px;
  }

  .card-grid {
    // animation: slide-right 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1; // 移入
    border: 1px dashed #ccc;
    background-color: aliceblue;
    position: relative;

    div[class~='ghostClass'] {
      border: 2px dashed #4395ff !important;
    }

    div[class~='chosenClass'] {
      border: 2px dashed #4395ff !important;
    }

    div[class~='dragClass'] {
      border: 3px dashed #4395ff !important;
      transform: scale(1.1);
    }

    .card-grid-tool {
      position: absolute;
      top: -1px;
      right: -1px;
      background-color: #4395ff;

      span {
        width: 20px;
        height: 15px;

        &:hover {
          color: white
        }
      }
    }
  }
}